<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" th:href="@{/favicon.ico}" type="image/x-icon" />
    <link rel="stylesheet" th:href="@{/css/app.css}">
    <link rel="stylesheet" th:href="@{/css/iconfont.css}">
    <link rel="stylesheet" th:href="@{/css/home.css}">
    <title>Blog</title>
</head>
<body>
    <div class="headBar">
        <div class="headBar-items">
            <div class="headBar-item">
                <a th:href="@{/home}">主页</a>
            </div>
        </div>
    </div>
<div class="content">
    <div class="content-article">
        <ul>
            <li style="display: inline-block">
                <h1 style="font-size: 20px;padding: 20px">说明文档</h1>
                <h2 style="padding: 20px;font-size: 15px">
                    这次博客项目的由来是因为学校实训要求写思维导图，然后我发现写总结确实还是有用，现在网上的博客论坛数不胜数，毕竟好记性不如栏笔头嘛。但鄙人的博客难登大雅，还是自己搭个小博客吧，这便是此次项目的由来。这也是我第一个部署对外开放的网站。
                </h2>
                <h2 style="padding: 20px;font-size: 15px">
                    技术方面：spring，springmvc，mybatis搭成主要的框架，视图层考虑本人并不会前端的框架，所以选用thymeleaf的后端渲染。数据库采用mysql，但考虑到博客的访问量之类的数据经常更新，于是采用redis做了一层缓存。以及一些第三方的库来完成发送邮件和markdown文件转化为html文件的功能。
                </h2>
                <h2 style="padding: 20px;font-size: 15px;color: black">
                    PS:没有做兼容处理，建议大家访问用谷歌浏览器与我的开发测试环境保持一致，其他浏览器或手机端布局应该会乱，在谷歌下界面应该能保持正常能看，碍于本人没有什么前端功底，这可能是我能写出来最好看的样式了，希望不要建议，我们应该更关注与学习与交流嘛！
                </h2>
                <h2 style="padding: 20px">
                    <a>虽然但是本人技术有限，这个项目会持续更新并开源的，大家可以持续关注我的gitee或者github，上面会有更新日志。别忘了给我star阿！</a>
                </h2>
                <h2 style="padding: 20px">
                    网站分为用户端和后台，考虑是个人博客所以没有开放注册。后期会开放多用户。
                    <a th:href="@{/admin}" target="_blank">后台</a>
                </h2>
            </li>
            <li style="display: inline-block">
                <h1 style="font-size: 20px;padding: 20px">链接</h1>
                <div style="padding: 10px">
                    <a href="https://gitee.com/gitsunjie/myblog" class="iconfont icon-github" target="_blank">https://gitee.com/gitsunjie/myblog</a>
                </div>
                <div style="padding: 10px">
                    <a href="https://github.com/boring-jack/myblog" class="iconfont icon-github" target="_blank">https://github.com/boring-jack/myblog</a>
                </div>
            </li>
            <li style="display: inline-block">
                <h1 style="font-size: 20px;padding: 20px">关于我</h1>
                <h2 style="padding: 20px;font-size: 15px">
                    大三🐶，躺平洛！ 你我山前没相见，山后别相逢。
                </h2>
                <h2 style="padding: 20px;font-size: 15px">
                    对了，欢迎大家留言交流！留言请留下QQ邮箱，我会一一回复的。遇到bug请即时通知，谢谢。
                    QQ:<a>1178733235</a>
                </h2>
            </li>
            <li>
                <div style="width: 75%">
                    <img th:src="@{/imgs/bz.jpg}">
                    <img th:src="@{/imgs/wyy.jpg}">
                    <img th:src="@{/imgs/qq.jpg}">
                </div>
            </li>
        </ul>
    </div>
</div>
</body>
</html>